
// 左侧导航栏点击
$(function (){
    let n = $('.item > ul').length; // 获取有多少大导航条
    let flag = new Array(n);
    for (let i = 0; i < n; i++) {
        flag[i] = 0;
    }
    $('.hidden-btn').click(function (){
        let index = $('.hidden-btn').index(this);
        let hidden_father = $('.item-options')[index]; // 这样得到的是一个 DOM 对象，而不是 jquery 对象
        // 查找此 jquery 对象的子元素中有 .lose-hidden 类的元素
        // $(hidden_father).children('.lose-hidden').css('display', 'block');
        let i = index * 2;
        let icon1 = $('.hidden-btn  .icon-right')[i];
        let icon2 = $('.hidden-btn  .icon-right')[i+1];
        if (flag[index] == 0){
            $(hidden_father).children('.lose-hidden').slideDown(300);
            $(hidden_father).children('.lose-hidden').css('display', 'flex');
            $(icon1).css('display', 'none');
            $(icon2).css('display', 'inline-block');
            flag[index] = 1;
        }else {
            $(hidden_father).children('.lose-hidden').slideUp(300);
            $(icon1).css('display', 'inline-block');
            $(icon2).css('display', 'none');
            flag[index] = 0;
        }
    })

})


// header部分图标提示字
$(function (){
    $('.header-icon').hover(function (){
        let icon_holder = $(this).children('span');
        icon_holder.stop().fadeIn(200);
    },function (){
        let icon_holder = $(this).children('span');
        icon_holder.stop().fadeOut(200);
    })
})